<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>湖外湖点餐系统</title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <meta name="description" content="Portfolio Zoom Slider with jQuery" />

        <meta name="keywords" content="jquery, plugin, slider, zoom, portfolio, cloud-zoom"/>

		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>

        <link rel="stylesheet" type="text/css" href="css/style.css" />

		<link rel="stylesheet" type="text/css" href="cloud-zoom/cloud-zoom.css" />

		<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" />

		<script src="js/cufon-yui.js" type="text/javascript"></script>

		<script src="js/ChunkFive_400.font.js" type="text/javascript"></script>
<script>
 var k=0;
function showpic(){
	 
  var a=new Array("food1.png","food2.png","food3.png");
  k++;
  if(k>2) k=0;
  document.getElementById("bi").src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/"+a[k];
 }
 window.onload=function(){
   setInterval(showpic,2000);
}

 </script>
 <style type="text/css">
    body{
		 
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		font-family: Arial;
	 
      }
	  #container{
		width: 1368px;
		background: #f2f2f2;
		text-align: left;
		margin: 0px auto;

	  }
	  #hyh-bestup{
		  margin: 0px;
		  padding: 0px;
		  width:1368px;
		  height:42px;
		  background: #444444;
	  }
	  #hyh-bestup-down1{
		  margin: 0px ;
		  padding: 0px;
		  width:1368px;
		  height:42px;
		  background: #020202;
		  clear:both;
		  float:left;
		  line-height:42px;
	  }
	  #hyh-bestup-down1 li,#hyh-bestup-down1 li a{
		  float:left;
		  display: block;
		  text-align:center;
		  width:100px;
		  margin-left:125px;
		  padding:0px;
		  font-size:14px;
		  list-style-type: none;
		  text-decoration:none;
		  color:#FFF;
	  }
	  #hyh-bestup-down1 ul li a:hover{
		  color:#a6a6a6;
		  text-decoration:blink;
	  }
	  #hyh-bestup-down2{
		  margin:0px;
		  padding:0px;
		  width:1368px;
		  height:584px;
		  background: #0a0a0a;
		  text-align:center;
		  position: relative;
	  }
	  #banner{
		  overflow: hidden;
		  }
	  #clear{
		  width:1368px;
		  height:0px;
		  clear:both;
	  }
	  #footer_line{
		  width:1268px;
		  border: 1px solid #b2b2b2;
		  margin:20px 100px 2px 100px;
		  padding:0px;
		  float:left;
		  clear:both;
	  }
	  #footer{
		  width:1368px;
		  height:12px;
		  margin:5px 100px;
		  float: left;
		  clear: both;
	  }
	  #footer_left{
		  width:230px;
		  height:12px;
		  margin:0px;
		  padding:3px;
		  float:left;
		  clear:both;
	  }
	  #footer_right{
		  width:800px;
		  height:14px;
		  margin:0px;
		  padding:0px;
		  float:left;
	  }
	   #hyh-bestup-down0{
		  line-height:37px;
		  padding: 0px;
		  width:180px;
		  height:37px;
		  background: #020202;
		  clear:both;
		  float:left;
		  margin: 10px 90px 10px 0px ;
	  }
	  #hyh-bestup-down01{
		  margin:-18px;
		  padding:0px;
		  height:42px;
		  line-height:42px;
	  }
 </style> 
</head>

<body>
<div id="container">
	<div id="hyh-bestup">
    </div>
    <div id="hyh-bestup-down1">
	<ul>
    <div id="hyh-bestup-down0">
		<li><a href="own.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/hyh_text.png"></a></li>
        </div>
        <div id="hyh-bestup-down01">
		<li><a href="hyh">大众登录</a></li>
		<li><a href="#">VIP登录</a></li>
		<li><a href="#">关于我们</a></li>
        </div>
	</ul>
    </div>
    <div id="clear"></div>
    <div id="banner">
	<div id="hyh-bestup-down2"> 
    <img id="bi" src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/food1.png" alt="">
    <img id="bi" src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/food2.png" alt="">
    <img id="bi" src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/food3.png" alt="">
	</div>
    </div>
    <div id="footer_line"></div>
    <div id="footer" style="font-size:12px;color:#b2b2b2">
    <div id="footer_left">
    	Copyright © 2016 Hyh Inc. 保留所有权利。
        </div>
    </div>
</div>
</body>
</html>
